<template>
  <div id="app">
		<div id="header" class="navbar navbar-inverse navbar-fixed-top">
		<iheader></iheader>
		</div>
		
		<div id="left" class="user-info">
		<ileft></ileft>
		</div>
		
		<div id="right" class="tab-content">
		<router-view/>
		</div>
		
		<div id="footer" >
		<ifooter></ifooter>
		</div>
  </div>
</template>

<script>
	import iheader from '@/components/Header'
	import ifooter from '@/components/Footer'
	import ileft from '@/components/Left'
export default {
	name: 'App',
	components:{ iheader,ifooter,ileft },
}
</script>



<style>
#header{
	float:right;
	width:84.7%;
	/* border:1px solid red; */
}
#left{
	float:left;
	width:15%;
	height:500px;
	/* border:1px solid red; */
}
#footer{
	float:left;
	width:100%;
	/* border:1px solid red; */
}
#right{
	float:left;
	width:84.7%;
	/* border:1px solid red; */
}
</style>
